<template>
    <div id="app">
    <div class="footer">
        <dl>
            <dt>
                <router-link :to="{ path: '/' }"><div class="SchoolFooter_img1"></div></router-link>
            </dt>
            <dd>{{home}}</dd>
        </dl>
        <dl>
            <dt><router-link :to="{ path: 'System' }"><div class="SchoolFooter_img2"></div></router-link></dt>
            <dd>{{add}}</dd>
        </dl>
    </div>
    </div>
</template>

<script>
export default {
  name: 'app',
  component: {
  },
  methods: {
  },
  data () {
    return {
      home: '首页',
      add: '添加'
    }
  }
}
</script>
<style>
   .footer{
	    height: 0.9rem;
	    width: 100%;
	    border-top: 1px solid #ccc;
	    background-color: #fff;
	    position: fixed;
	    bottom: 0;
	    left: 0;
	}
	.footer dl{
	    float: left;
	    width: 50%;
	    margin-top: 0.05rem;
	}
	.SchoolFooter_img1{
		width: 0.56rem;
	    height: 0.44rem;
	    display: block;
	    margin: 0 auto;
	    background: url(../assets/home.png);
	    background-size: 0.56rem 0.44rem;
	}
	.SchoolFooter_img2{
		width: 0.56rem;
	    height: 0.44rem;
	    display: block;
	    margin: 0 auto;
	    background: url(../assets/guanli.png);
	    background-size: 0.56rem 0.44rem;
	}
	.footer dd{
	    text-align: center;
	    text-indent: -0.15em;
	    margin-left: 0;
	    font-size: 0.2rem;
	    color: #999;
	}
</style>